<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
<meta name="keywords" content="carousel, jquery, responsive, fluid, elastic, resize, thumbnail, slider" />
<meta name="author" content="Codrops" />
<title>微评说客</title>
<link rel="stylesheet" type="text/css" href="style/public.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="style/font-awesome.css">
<script src="jquery/jquery-1.7.2.min.js"></script>
<script src="jquery/tab.js"></script>
<style>
	html,body{ background:#f2f2f2;}
</style>
</head>

<body>
<header class="index-header">
	<h1>我的好友</h1>
    <a href="#" class="icon-circle-arrow-left kl"></a>
</header>

<section class="my-f">
	<div class="my-f-left" style="background:url(images/img.gif) top no-repeat; background-size:100%;">
    	
    </div>
    <div class="my-f-right">
    	<h4>◆丶寂寞的咖啡因</h4>
        <span>初级成员（Lv 3）</span>
        <a href="#">已关注</a>
    </div>
    <div class="clears"></div>
</section>
<section class="my-f-big">
	<div class="my-f-title tab_title">
    	<ul>
    		<li class="current">个人信息</li>
    		<li>最新发布</li>
    	</ul>
    </div>
    <div class="my-f-nr tab_nr">
    	<div class="my-f-block tab_block">
        	<div class="block1">
            	<ul>
            		<li><span>昵称</span><p>◆丶寂寞的咖啡因</p><div class="clears"></div></li>
            		<li><span>性别</span><p>女</p><div class="clears"></div></li>
            		<li><span>生日</span><p>1990-7-7</p><div class="clears"></div></li>
            	</ul>
            </div>
        	<div class="block1">
            	<ul>
            		<li><span>兴趣</span><p>听歌、打篮球、上网</p><div class="clears"></div></li>
            		<li><span>个性签名</span><p>有时候当我说“我很好”的时候，其实希望有人能看穿我的眼睛，紧紧抱着我说，我知道你并不好，没关系，我在。</p><div class="clears"></div></li>
            	</ul>
            </div>
        </div>
    	<div class="my-f-block2 tab_block" style="display:none;">
        	<div class="block2">
                <ul>
                    <li>
                        <a href="#">
                            <div class="rem-left">
                                <img src="images/rem-left-img.gif" alt="">	
                            </div>
                            <div class="rem-right">
                                <h1>《愤怒的小鸟2》评测：万里长城毁于内购</h1>
                                <p><b class="icon-time"></b>2015-0812</p>
                                <strong><img src="images/right-icon1.gif" alt=""></strong><span>网易游戏</span>
                                <strong><img src="images/right-icon2.gif" alt=""></strong><span>680</span>
                            </div>
                            <div class="clears"></div>
                        </a>
                    </li>
                </ul>
            </div>
           <div class="block3">
               <ul>
                  <li>
                        <a href="#">
                            <h1>心理健康症状自评量表SCL-90</h1>
                            <span>《症状自评量表-SCL90》是世界上最著名的心理健康测试量表之一，是当前使用最为广泛的精神障碍和心理疾病门诊检查量表，将协助您从十个方面来了解自己的心理健康程度。 本测验适用对象为16岁以上的用户。</span>
                            <p><strong>400</strong><i><img src="images/right-icon1.gif" alt=""></i><b>50000</b><i><img src="images/right-icon3.gif" alt=""></i><div class="clears"></div></p>
                        </a>
                    </li>
                </ul>
           </div>
        </div>
    </div>
</section>
<div class="hh"></div>
<nav>
	<ul>
		<li>
        	<a href="inedx.html" class="n1">
				<p></p>
				<span>首页</span>
			</a>
        </li>
		<li>
        	<a href="questionnaire.html" class="n2">
				<p></p>
				<span>问卷</span>
			</a>
        </li>
		<li>
        	<a href="Post.html" class="n3">
				<p></p>
				<span>发布</span>
			</a>
        </li>
		<li>
        	<a href="mine.html" class="n4">
				<p class="current"></p>
				<span class="current">我的</span>
			</a>
        </li>
	</ul>
</nav>
</body>
</html>
